<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>.::AsPerA::. Asignación de Permisos de Aprendices</title>
                <link rel="shortcut icon" href="favicon.ico"/>
            </f:facet>
        </h:head>
        <h:body>
            <div>
                <h:graphicImage url="/aspera/images/aspera.jpg" width="100%" height="100%" alt="LogoAspera"  style="vertical-align: top;"/> 
            </div>

            <p:panel>
                <p:panelGrid> 
                    <p:row>
                        <p:column style="vertical-align: top;">
                            <h:form>
                                <p:menu>
                                    <p:submenu label="Menú">                                
                                        <p:menuitem value="Inicio" url="/faces/aspera/indexInstructor.xhtml" />
                                        <p:menuitem value="Aprobar Permisos" url="/faces/aspera/ApruebaPermisos.xhtml" />
                                        <p:menuitem value="Actualizar Datos" url="/faces/aspera/gestionInstructor.xhtml" />
                                        <p:menuitem value="Cambio Contraseña" url="/faces/aspera/CambiaPasswordInst.xhtml" />
                                        <p:menuitem value="Cerrar Sesión" actionListener="#{usuariosVista.cerrarSesion_action}" />
                                    </p:submenu>                
                                </p:menu>
                            </h:form>
                        </p:column>
                        <p:column>

                            <h:form id="formulario"> 
                                <p:panel id="panelInstructores" header="Instructores">
                                    <p:messages id="mensajes" showDetail="true" />
                                    <f:facet name="actions">
                                        <p:commandLink onclick="PF('helpDialog').show();" styleClass="ui-panel-titlebar-icon ui-corner-all ui-state-default"><h:outputText styleClass="ui-icon ui-icon-help" /></p:commandLink>
                                    </f:facet>
                                    <p:panelGrid>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="Documento:"/> 
                                            </p:column>

                                            <p:column>
                                                <div align="left">
                                                    <p:inputText id="txtDocumento" value="#{instructorDatosVista.txtIdentificacion}" disabled="true" size="30"/>
                                                </div>
                                            </p:column>                                        
                                            <p:column>
                                                <h:outputText value="Nombre:"/>
                                            </p:column>

                                            <p:column>
                                                <div align="left">
                                                    <p:inputText id="txtNombre" value="#{instructorDatosVista.txtNombre}" size="30"/>
                                                </div>                                      
                                            </p:column>                                                                                
                                        </p:row>  
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="Apellido:"/>
                                            </p:column>

                                            <p:column>
                                                <div align="left">
                                                    <p:inputText id="txtApellido" value="#{instructorDatosVista.txtApellido}" size="30"/>
                                                </div>                                      
                                            </p:column>

                                            <p:column>
                                                <h:outputText value="Correo:"/>
                                            </p:column>

                                            <p:column>
                                                <div align="left">
                                                    <p:inputText id="txtCorreo" value="#{instructorDatosVista.txtCorreo}" size="30"/>
                                                </div>                                      
                                            </p:column>                                        

                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="Teléfono:"/>
                                            </p:column>

                                            <p:column>
                                                <div align="left">
                                                    <p:inputText id="txttelefono" value="#{instructorDatosVista.txtTelefono}" size="30"/>
                                                </div>                                      
                                            </p:column> 
                                            <p:column>
                                                <h:outputText value="Tipo:"/>
                                            </p:column>

                                            <p:column colspan="3">
                                                <div align="left">
                                                    <p:selectOneMenu id="cmbTipo" value="#{instructorDatosVista.cmbTipoInstructor}" >
                                                        <f:selectItem itemLabel="CONTRATISTA" itemValue="CONTRATISTA" />
                                                        <f:selectItem itemLabel="PLANTA" itemValue="PLANTA" />
                                                    </p:selectOneMenu>
                                                </div>                                      
                                            </p:column>
                                        </p:row> 
                                        <p:row>
                                            <p:column colspan="4">
                                                <div align="center">                                           
                                                    <p:commandButton id="btnModificar" value="Modificar" action="#{instructorDatosVista.modificar_action}" update=":formulario:mensajes,:formulario:panelInstructores" />
                                                </div>
                                            </p:column>
                                        </p:row>
                                    </p:panelGrid>                           
                                </p:panel>
                                <!-- dialogo de ayuda -->
                                <p:dialog id="modalDialog" header="Ayuda" widgetVar="helpDialog" showEffect="fade" hideEffect="bounce" modal="true" dynamic="true">  
                                    <p align="justify">                       
                                        En esta página usted podrá:<br/><br/>
                                        <b>-Modificar sus datos básicos</b>
                                        Cuando inicia esta página aparece su información personal, aqui podrá modificar su nombre, apellidos, correo y/o teléfono, una vez haga los cambios pertinente de click en el botón modificar.
                                        <br/><br/>
                                        <u>Nota:</u> la clave de acceso no se podrá modificar en ésta página por razones de seguridad sino en la opción <u>Cambio 
                                            Contraseña</u> del menú principal. El coordinador, al momento de registrarlo le asignará una clave de acceso temporal que corresponde a su documento de identificación.
                                        Se le recomienda que luego de ingresar por primera vez a ASPERA realice el cambio de contraseña por razones de
                                        seguridad.                     
                                    </p>
                                </p:dialog>
                            </h:form>
                        </p:column>
                    </p:row>
                </p:panelGrid>
            </p:panel> 
            <div>
                <h:graphicImage url="/aspera/images/asperaPie.jpg" width="100%" height="100%" alt="LogoAspera"  style="vertical-align: bottom;"/>
            </div>
        </h:body>

    </f:view>
</html>
